<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
</head>
<body>
  <h1>Mountains</h1>
<div id="mountains"></div>
<div id="mountains" onload="create()">
	</div>
<script>
const MOUNTAINS = [
   {name: "Mont Blanc", height: 4808, place: "Italy/France"},
   {name: "Popocatepetl", height: 5465, place: "Mexico"}
];
$(document).ready(function(){
let str="<table border='1px'>"
str+="<tr><td>name</td><td>height</td><td>place</td><tr>"
MOUNTAINS.forEach(element => {
  str+="<tr><td>"+element.name+"</td><td>"+element.height+"</td><td>"+element.place+"</td><tr>"
});
str+="</tabel>"
$("body").append(str)
});


</script>
</body>
</html>